<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<script src="js/jquery-2.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			td,
			th,
			li {
				vertical-align: middle;
				text-align: center;
			}
			
			td {
				background-color: #f0f0f0;
			}
			
			.meigou {
				display: block;
				width: 14px;
				height: 14px;
				margin: auto;
				background-image: url(img/list-view_4e60b0c.png);
				background-position: -8px -12px;
			}
			
			.gou {
				background-position: -40px -12px;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="row" style="border-bottom: 1px solid #000;">
				<img class="img-responsive col-lg-4" src="img/logo.png.jpg" />
			</div>
			<div class="row">
				<h3 class="col-lg-12 text-center">教师授课满意度问卷调查表</h3>
			</div>
			<div class="row">
				<h4 class="col-lg-12" style="text-align: right;"><small> 编号：XHQ-YNKM-QR-7.5-13</small></h4>
			</div>
			<div>
				<form action="" method="post">
					<div class="row">
						<ul class="list-group list-inline">
							<li class="col-lg-3">
								<div class="input-group">
								<input type="text" class="form-control"/>
								<div class="input-group-btn">
								<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">班级<span class="caret"></span></button>
								<ul class="dropdown-menu pull-right">
									<li><a href="#">F1</a></li>
							    	<li><a href="#">F2</a></li>
								    <li><a href="#">F3</a></li>
								</ul>
								</div>
								</div>
							</li>
							<li class="col-lg-3">
								<div class="input-group">
								<input type="text" class="form-control"/>
								<div class="input-group-btn">
								<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">教师<span class="caret"></span></button>
								<ul class="dropdown-menu pull-right">
								    <li><a href="#" id="刘老师">刘老师</a></li>
							    	<li><a href="#">王老师</a></li>
								    <li><a href="#">李老师</a></li>
								</ul>
								</div>
								</div>
							</li>
							<li class="col-lg-3">
								<div class="input-group">
								<input type="text" class="form-control"/>
								<div class="input-group-btn">
								<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">课程<span class="caret"></span></button>
								<ul class="dropdown-menu pull-right">
									<li><a href="#">JAVA</a></li>
							    	<li><a href="#">UI</a></li>
								    <li><a href="#">C++</a></li>
								</ul>
								</div>
								</div>
							</li>
							<li class="col-lg-3"><input disabled type="text" class="form-control text-center" id="time" /></li>
						</ul>
					</div>
					<div class="row" style="margin-top: 20px;">
						<table class="table table-bordered" id="tab">
							<tr>
								<th rowspan="3" style="vertical-align: middle;">序号</th>
								<th rowspan="3" style="vertical-align: middle;">调查项</th>
								<th rowspan="3" style="vertical-align: middle;">调查细节项目</th>
								<th colspan="5">
									满意度得分
								</th>
							</tr>
							<tr>
								<td>很满意</td>
								<td>满意</td>
								<td>一般</td>
								<td>不满意</td>
								<td>很不满意</td>
							</tr>
							<tr>
								<td>5分</td>
								<td>4分</td>
								<td>3分</td>
								<td>2分</td>
								<td>1分</td>
							</tr>
							<tr>
								<td rowspan="3" style="vertical-align: middle;">1</td>
								<td rowspan="3" style="vertical-align: middle;">教学计划</td>
								<input type="hidden" id="xuan_1" />
								<td>准备充分，具有良好的组织计划性</td>
								<td class="sele">
									<span class="meigou" score="5"></span>
								</td>
								<td class="sele">
									<span class="meigou" score="4"></span>
								</td>
								<td class="sele">
									<span class="meigou" score="3"></span>
								</td>
								<td class="sele">
									<span class="meigou" score="2"></span>
								</td>
								<td class="sele">
									<span class="meigou" score="1"></span>
								</td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_2"/>
								<td>内容详实，能理论联系实际</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_3"/>
								<td>时间控制合理</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<td rowspan="8" style="vertical-align: middle;">2</td>
								<td rowspan="8" style="vertical-align: middle;">教学质量</td>
								<input type="hidden" id="xuan_4"/>
								<td>专业技能知识扎实，知识丰富</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
								</td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_5"/>
								<td>吐字清晰，讲普通话</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_6"/>
								<td>教学突出重点，形式活泼</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_7"/>
								<td>授课内容深度适中，易于理解</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_8"/>
								<td>思路清晰，自然过渡</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_9"/>
								<td>互动能力强，操作熟练</td>
							<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_10"/>
								<td>课程内容切合实际，便于应用</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_11"/>
								<td>逻辑条例强，略详得当，重点突出</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<td rowspan="9" style="vertical-align: middle;">3</td>
								<td rowspan="9" style="vertical-align: middle;">教学态度</td>
								<input type="hidden" id="xuan_12"/>
								<td>准时上课，不迟到</td>
							<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
								</td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_13"/>
								<td>不无故拖堂</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_14"/>
								<td>不打骂，嘲笑学生</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_15"/>
								<td>上课提问，互动</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_16"/>
								<td>老师都课堂上的违纪现象，如睡觉，玩手机等是否及时制止</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_17"/>
								<td>课后留作业</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_18"/>
								<td>与学生之间经常沟通交流</td>
							<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_19"/>
								<td>耐心解答疑难</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<input type="hidden" id="xuan_20"/>
								<td>课后主动辅导</td>
								<td class="sele"><span class="meigou" score="5"></span></td>
								<td class="sele"><span class="meigou" score="4"></span></td>
								<td class="sele"><span class="meigou" score="3"></span></td>
								<td class="sele"><span class="meigou" score="2"></span></td>
								<td class="sele"><span class="meigou" score="1"></span></td>
							</tr>
							<tr>
								<td colspan="2">合计</td>
								<td colspan="6"><input type="text" class="form-control" disabled/></td>
							</tr>
							<tr>
								<td colspan="2">建议</td>
								<td colspan="6"><textarea class="col-lg-12" style="border: 0px;"></textarea></td>
							</tr>
						</table>
					</div>
					<input class="btn-primary btn-lg" type="submit" value="提交评分" />
				</form>
			</div>
			<div>
				<p>备注： 1.请在满意程度分项内选择一项打“√”； 2.本问卷属无记名打分，为进一步提高我院教学质量，检查教师授课水平、教学成效，请您本着公平、公正的态度认真、属实填写。
				</p>
			</div>
		</div>
		<script type="text/javascript">
			$(".sele").click(
				function(e) {
					var x;
					var ele = e.target||e.srcElement;          //ele是点击对象 
					$(ele).parents().children(".sele").children(".meigou").removeClass("gou");//
					$(ele).children(".meigou").addClass("gou");    //用户点击的是格子
					$(ele).addClass("gou");                        //用户点击的是没打勾的图片
	
					if (ele.tagName=="SPAN") {
						x=$(ele).attr("score");
					} else{
						x=$(ele).children(".meigou").attr("score");
					}					
					
					var rowid=$(this).parents().index()-2;
					 $("#xuan_"+rowid).val(x);
				});
				(function(){             //时间
					var date=new Date();
					var year=date.getFullYear();
					var month=date.getMonth()+1;
					var day=date.getDate();
					$("#time").attr("value",year+"年"+month+"月"+day+"日");	
				})();
				
				$("ul li a").click(function(){
					 var s=$(this).text();
				   $(this).parent().parent().parent().parent().children(1).val(s);	
				});
		</script>
	</body>

</html>